<template>
    <div class="myorder">
        <ul>
            <li v-for='myorder in myorder' :key="myorder.id">
                <div class="myorder-top">
                    <span>订单号：{{ myorder.ordernum }}</span>
                    <span class="orderstatus">{{ myorder.orderstatus }}</span>
                </div>
                <div class="myorder-center">
                    <div class="orderimg">
                        <img :src="myorder.orderimg" alt="">
                    </div>
                    <div class="ordertxt">
                        <h3>{{ myorder.ordertit }}</h3>
                        <p>{{ myorder.ordercontent }}</p>
                        <span class="ordershu">x{{ myorder.ordershu }}</span>
                        <div class="myorder-bottom">
                            共{{ myorder.ordershu }}件商品&nbsp;&nbsp;&nbsp;合计：{{ myorder.orderjf }}积分&nbsp;&nbsp;<span>¥{{ myorder.orderprice }}</span>
                        </div>
                    </div>
                </div>
            </li>
        </ul>
    </div>
</template>

<script>
export default {
    data() {
        return{
            myorder:[{
                id: 0,
                ordernum: '1234567489',
                orderstatus: '派送中',
                orderimg: require('../../assets/images/order.png'),
                ordertit: '七色保洁布',
                ordercontent: '七色保洁抹布，分区使用，加厚吸水',
                ordershu: '1',
                orderjf: '500',
                orderprice: '88'
            },{
                id: 1,
                ordernum: '1234567489',
                orderstatus: '派送中',
                orderimg: require('../../assets/images/order.png'),
                ordertit: '七色保洁布',
                ordercontent: '七色保洁抹布，分区使用，加厚吸水',
                ordershu: '1',
                orderjf: '500',
                orderprice: '88'
            },{
                id: 2,
                ordernum: '1234567489',
                orderstatus: '派送中',
                orderimg: require('../../assets/images/order.png'),
                ordertit: '七色保洁布',
                ordercontent: '七色保洁抹布，分区使用，加厚吸水',
                ordershu: '1',
                orderjf: '500',
                orderprice: '88'
            },{
                id: 3,
                ordernum: '1234567489',
                orderstatus: '派送中',
                orderimg: require('../../assets/images/order.png'),
                ordertit: '七色保洁布',
                ordercontent: '七色保洁抹布，分区使用，加厚吸水',
                ordershu: '1',
                orderjf: '500',
                orderprice: '88'
            },{
                id: 4,
                ordernum: '1234567489',
                orderstatus: '派送中',
                orderimg: require('../../assets/images/order.png'),
                ordertit: '七色保洁布',
                ordercontent: '七色保洁抹布，分区使用，加厚吸水',
                ordershu: '1',
                orderjf: '500',
                orderprice: '88'
            }]
        }
    }
}
</script>



